/*
  OpenPOM
 
  Copyright 2010, Exosec
  Licensed under GPL Version 2.
  http://www.gnu.org/licenses/
*/

html, *  {
  font-family: DejaVu Sans, Arial, sans-serif;
  color: #191919;
  font-size: 11px;
  outline: none;
}

body  {
  margin:0;
  padding:0;
}

table {
  border-collapse: collapse;
  font-size: 11px;
}

td, th {
  vertical-align: middle;
  font-size: 11px;
}

form {
  padding: 0;
  margin: 0;
}

input, select {
  margin: 0;
}

select { 
  border: 1px solid #BABFBA; 
}

input[type="submit"] {
  font-weight: bold;
}

input[type="text"] { 
  border: 1px solid #BABFBA;
  background-color: #F5F8F3;
  padding: 1px; 
}

h2 {
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}


input#filtering {
    width: 130px;
    height: 20px;
    background: #F5F8F3 url('img/search.png') no-repeat scroll 1px center;
    padding: 0px;
    margin: 0px;
    padding-left: 22px;
    vertical-align: middle;
    line-height: 20px;
}

th a.col_sort_up {
    text-decoration: none;
    color: #000000;
    padding-right: 20px;
    background: url('img/sort_up.png') no-repeat 95% 50%;
}
th a.col_sort_down {
    text-decoration: none;
    color: #000000;
    padding-right: 20px;
    background: url('img/sort_down.png') no-repeat 95% 50%;
}
th a.col_no_sort {
    text-decoration: none;
    color: #000000;
}

td.height-14 {
  height: 14px;
}

table.action {
  display: none;
}

a.ack {
    text-decoration: none;
}

a.down {
    text-decoration: none;
}
a.comment {
    text-decoration: none;
}

#type_red {
  border: 9px solid red;
}
#type_yellow {
  border: 9px solid yellow;
}
#type_orange {
  border: 9px solid orange;
}
#type_green {
  border: 9px solid green;
}
#type_white {
  border: 9px solid white;
}

.opacity_10 {
  opacity: 0.1;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}


/**
 * Links
 */

a {
  color: #00219F;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


/**
 * Icon buttons
 */

span.icon-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border: 1px solid #BABFBA;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-color: #ECF2E8;
}

span.icon-btn:hover {
  cursor: pointer;
  border-bottom-color: #8A8A8A;
  border-right-color: #8A8A8A;
  background-color: #E2E8DE;
}

span.icon-btn:active {
  border-bottom-color: #BABFBA;
  border-right-color: #BABFBA;
  border-top-color: #8A8A8A;
  border-left-color: #8A8A8A;
}

span.icon-clear { background-image: url('img/clear.png'); }
span.icon-vsearch { background-image: url('img/vsearch.png'); }
span.icon-monitor { background-image: url('img/monitor.png'); }
span.icon-options { background-image: url('img/options.png'); }
span.icon-ack { background-image: url('img/ack.gif'); }
span.icon-down { background-image: url('img/downtime.png'); }
span.icon-recheck { background-image: url('img/recheck.png'); }
span.icon-disable { background-image: url('img/notify.png'); }
span.icon-disablecheck { background-image: url('img/disablecheck.png'); }
span.icon-reset { background-image: url('img/reset.png'); }
span.icon-comment { background-image: url('img/comment.gif'); }
span.icon-refesh { background-image: url('img/refresh.png'); }
span.icon-prev { background-image: url('img/prev.png'); }
span.icon-next { background-image: url('img/next.png'); }
span.icon-nagios { background-image: url('img/nagios.png'); }
span.icon-ena_popin { background-image: url('img/ena_popin.png'); }
span.icon-disa_popin { background-image: url('img/disa_popin.png'); }

span.icon-ena_notif { background-image: url('img/notify.png'); }
span.icon-disa_notif { background-image: url('img/disa_notif.png'); }
span.icon-bg-ena_notif, span.icon-bg-ena_notif:hover { background-color: #FFE3E4; }
span.icon-bg-disa_notif, span.icon-bg-disa_notif:hover { background-color: #D5F4D5; }


/** 
 * Top panel
 */

table#top {
  width: 100%;
  position: fixed;
  top: 0px; 
  left: 0px;
  z-index: 2;
}

table#top td {
  background-color: #fff;
  white-space: nowrap;
  padding: 0;
}

table#top td span {
  vertical-align: middle;
  display: inline-block;
}

table#top td span.count {
  padding-left: 2px;
  padding-right: 2px;
}

table#top span#metter-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

table#top span#metter-wrap select {
  height: 20px;
  vertical-align: middle;
  border: 1px solid #BABFBA;
  background-color: #F5F8F3;
  padding-top: 1px;
}

table#top td#margintop {
  height: 4px;
}

table#top td#wgrad {
  background-color: transparent;
}

table#top td#wgrad div#white {
  width: 100%; 
  height: 7px;
  background-color: #fff;
}

table#top td#wgrad div#grad {
  width: 100%; 
  height: 8px;
  background-image: url('img/wgrad.png');
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: left bottom;
}

div#top-fixed-tpad {
  height: 39px;
  width: 1px;
}

body.monitor div#top-fixed-tpad {
  display: none;
}


/**
 * Alert table
 */

table#alert {
  width: 100%;
  border: none;
  background-color: #fff;
  cursor: default;
}

table#alert img {
  padding: 0;
  margin: 0;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-right: 1px;
}

table#alert input {
  padding: 0;
  margin: 0;
  vertical-align: middle;
  width: 10px;
  height: 10px;
}

table#alert th {
  white-space: nowrap;
  background-color: #045FB4;
  text-align: left;
  padding: 3px 2px;
  border: none;
  border-left: 1px solid #185691;
  border-bottom: 1px solid #0c76d9;
}

table#alert td {
  white-space: nowrap;
  text-align: left;
  padding: 0px 2px;
  border: none;
  border-left: 1px solid #888;
  border-bottom: 1px solid #888;
  
  background-image: url('img/selected.png');
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: left -1000px;
}

table#alert th.checkbox, 
table#alert td.checkbox {
  border-left: none;
  text-align: center;
  width: 15px;
}

table#alert th a {
  color: #fff;
  vertical-align: middle;
}

table#alert td span, 
table#alert th span {
  vertical-align: middle;
}

table#alert span.checkbox {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 1px solid #BABFBA;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #ECF2E8;
  cursor: pointer;
}

table#alert span.checkbox span.checked {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #045FB4;
}

table#alert span.checkbox span.blink {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #045FB4;
}

table#alert td#notif_warning {
  text-align: center;
  font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #FFADAD;
  border-color: #EAA1A1;
}

table#alert td#notif_warning > div {
  background-color: #FF8F8F;
  padding-top: 3px;
  padding-bottom: 3px;
}

/**
 * History table
 */

table#history {
  margin: 0 2px 0 2px ;
  width: 99%;
  border: none;
  background-color: #fff;
  cursor: default;
}

table#history th {
  white-space: nowrap;
  background-color: #C0C0C0;
  text-align: left;
  padding: 3px 2px;
  color: #FFFFFF;
  border: 1px solid #C0C0C0;
}

table#history td {
  text-align: left;
  padding: 0px 2px;
  border: 1px solid #C0C0C0;
}

/**
 * Box popins
 */

div.box-title {
  border-bottom: 1px solid #0c76d9;
  padding: 1px 2px 1px 2px;
}

div.box-title-default {
  background-color: #045FB4;
}

div.box-title-default h2 {
  color: #fff;
}

div.box-content {
  padding: 6px;
}

div.box-content td, 
div.box-content th {
  padding: 2px 3px;
  vertical-align: top;
}

div.box-content th {
  text-align: left;
  font-weight: normal;
  background-color: #F7FBEB;
  border: 1px solid #E9EBE1;
}

div.box-content td {
  padding-left: 15px;
}

div.box-content input[type="text"] {
  padding: 0px 1px;
  border: 1px solid #E9EBE1;
}

div#box-option td { white-space: nowrap; }
div#box-option input[type="text"] { width: 30px; }
div#box-ack input[type="text"] { width: 240px; }
div#box-comment input[type="text"] { width: 240px; }
div#box-disable input[type="text"] { width: 240px; }
div#box-down input#start { width: 240px; }
div#box-down input#end { width: 240px; }
div#box-down input#hour { width: 40px; }
div#box-down input#minute { width: 40px; }
div#box-down input#comment { width: 240px; }
input.readonly {
  color: #A0A0A0;
  background-color: #C0C0C0;
}




/**
 * UNKNOWN      orange
 * CRITICAL     red
 * WARNING      yellow
 * OK           green
 * TRACK_ERROR  blue
 * TRACK_OK     bluegreen
 */

.error        { background-color: #FFE5E5 !important; }

.soft *       { font-style: italic; color: #5D5D5D; }
.soft a       { color: #3857CE; }

.orange       { background-color: #FFE2AD; }
.red          { background-color: #FFADAD; }
.yellow       { background-color: #FFFC9E; }
.green        { background-color: #BAFFAD; }
.blue         { background-color: #ADD0FF; }
.bluegreen    { background-color: #ADFFE4; }

table#alert tr.orange    td    { border-color: #F0D4A2; }
table#alert tr.red       td    { border-color: #EAA1A1; }
table#alert tr.yellow    td    { border-color: #EAEA9A; }
table#alert tr.green     td    { border-color: #A9E89C; }
table#alert tr.blue      td    { border-color: #A1C2F0; }
table#alert tr.bluegreen td    { border-color: #9FE8C5; }

             table#alert tr.orange:hover td, 
             table#alert tr.orange td.checkbox, 
body.monitor table#alert tr.orange td.flag { 
  background-color: #FFD07A;
  border-color: #EEC57A;
}

             table#alert tr.red:hover td, 
             table#alert tr.red td.checkbox, 
body.monitor table#alert tr.red td.flag { 
  background-color: #FF8F8F;
  border-color: #E89292;
}

             table#alert tr.yellow:hover td, 
             table#alert tr.yellow td.checkbox, 
body.monitor table#alert tr.yellow td.flag { 
  background-color: #FFF45C;
  border-color: #ECE258;
}

             table#alert tr.green:hover td, 
             table#alert tr.green td.checkbox, 
body.monitor table#alert tr.green td.flag {
  background-color: #87F272;
  border-color: #86E173;
}

             table#alert tr.blue:hover td, 
             table#alert tr.blue td.checkbox, 
body.monitor table#alert tr.blue td.flag {
  background-color: #87BAFF;
  border-color: #80ACE8;
}

             table#alert tr.bluegreen:hover td, 
             table#alert tr.bluegreen td.checkbox, 
body.monitor table#alert tr.bluegreen td.flag {
  background-color: #76F0C8;
  border-color: #61E1B8;
}

table#alert tr.selected * {
    color: #BA0300 !important;
    font-style: italic !important;
}

table#alert tr.selected td {
    background-repeat: repeat;
    background-position: left center;
}


/**
 * Status popin/popup
 */

table#popup {
  width: 100%;
}

table#popup .inline-middle {
  vertical-align: middle;
  display: inline-block;
}

table#popup tr th:first-child, 
table#popup tr td:first-child {
  white-space: nowrap;
}

table#popup tr th, 
table#popup tr td {
  vertical-align: top;
}

div#box-popup a#fix {
  position: absolute;
  right: 4px;
  top: 4px;
}

/**
 * ColorBox
 */

#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay { position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft { clear:left;}
#cboxContent { position:relative; overflow:visible;}
#cboxLoadedContent { overflow:auto;}
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0;}
#cboxTitle { margin:0; display:none; color:#fff;}
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer;}
/* ColorBox User Style */
#cboxOverlay { background:#fff;}
#colorbox { 
  border: 1px solid #666; 
  background: #fff;
  border-radius:2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px; 
  overflow: hidden;
}
#cboxContent { /*padding: 5px;*/ }
#cboxTopLeft { display: none; width: 0px; height: 0px; }
#cboxTopRight { display: none; width: 0px; height: 0px; }
#cboxTopCenter { display: none; height: 0px; }
#cboxBottomLeft { display: none; width: 0px; height: 0px; }
#cboxBottomRight { display: none; width: 0px; height: 0px; }
#cboxBottomCenter { display: none; height: 0px; }
#cboxLoadedContent { }
#cboxLoadingGraphic { /*background:url("../images/loading.gif") center center no-repeat;*/ }
#cboxLoadingOverlay { }
#cboxTitle { position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent { position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose { text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; /*background:url("../images/controls.png") 0 0 no-repeat;*/ }
#cboxPrevious { background-position:0px 0px; right:44px;}
#cboxPrevious.hover { background-position:0px -25px;}
#cboxNext { background-position:-25px 0px; right:22px;}
#cboxNext.hover { background-position:-25px -25px;}
#cboxClose { background-position:-50px 0px; top:15px; right:25px;}
#cboxClose.hover { background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right:66px;}
.cboxSlideshow_on #cboxSlideshow { background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover { background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow { background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover { background-position:-75px -25px;}

span.ndash {
    display: inline-block;
    padding-left: 1px;
    padding-right: 1px;
}

table#alert th .sub { font-size: 9px; font-weight:normal; color:#FFFFFF; }
